@charset "utf-8";
/* CSS Document */
*{margin:0;padding:0;}

body {background-color:white;
	background-image:url(http://sales-and-marketing-solutions.com/wp-content/uploads/2013/06/website-background-pattern.jpg);
	margin:10px auto;
	width:920px;
	height:900px;
}

nav {
	height:45px;
	margin-top:3px;
	margin-bottom:5px;
}
ul {
	height:43px;
}

.li_left, #li_title {
	border: 2px solid black;
	list-style-type:none;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:5px;
	width:100px;
	height:35px;
}

.li_left{
	background-color:white;
}

.li_right{
	float:right;
	list-style-type:none;
	display:inline-block;
	vertical-align:middle;
	text-align:center;
	margin:5px;
	margin-right:69px;
	width:100px;
	height:35px;
}
#li_title{foat:center;width:500px;font-family:'Indie Flower', cursive;font-size:2em;border:none;}

#menu {
	height:45px;
	width:35px;
}

#menu .option{
	list-style:none;
	height:35px;
	width:100px;
	margin-bottom:5px;
	border:2px solid black;
	background-color:#CCC;
	display:none;
}
#overflow{
	display:inline-block;
	list-style:none;
	height:35px;
	width:100px;
	margin-bottom:5px;
	border:2px solid black;
	background-color:white;
}
.li_right:hover #menu li  {
	display:inline-block;
}
.li_right:hover{
	display:inline-block;
	height:100px;
	position:absolute;
}

#nofloat {}

article {
	margin-top:10px;
	border-top:2px solid black;
	padding-bottom:5px;
	height:900px;
	overflow:scroll;
}

.article{
	background-color:white;
	border:2px solid black;
	display:inline-block;
	margin-top:20px;
	width:890px;
	height:155px;
	}

.avatar{
	border:1px solid black;
	background-color:white;
	display:inline-block;
	float:left;
	margin:5px;
	width:142.5px;
	height:142.5px;
	}
.avatar img{
	max-width:100%;
	max-height:100%;
}
.description{
	font-family: 'Poiret One', cursive;
	font-size:1.1em;
	border:1px solid black;
	padding:5px;
	background-color:white;
	display:inline-block;
	margin-bottom:3px;
	width:720px;
	float:left;
	height:100px;
	margin-top:5px;
	
}
.title{
	font-size:1.5em;
}
.rate{
	background-color:white;
	display:inline-block;
	width:730px;
	height:30px;
}

.rate div{
	display:inline-block;
	float:right;
	border:2px solid black;
	border-radius:10px;
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
	padding-right:5px;
	padding-left:5px;
}

.news {
	margin:20px;
	padding: 10px;
	border: 1px solid red;
	font-family: 'Poiret One', cursive;
	font-size:1.5em;
}

/* PROFIL.PHP */ 
.GA_title{
	font-family:'Indie Flower', cursive;font-size:1.8em;
	margin-top:20px;
	margin-left:30px;
	margin-bottom:5px;
	border-bottom:2px solid black;
	width:300px;
}
#user_article, #user_settings{
	border:2px solid black;
	margin-left:20px;
	height:600px;
}
/* PROFIL.PHP */ 
/* font-family: 'Droid Sans', sans-serif; */ 